﻿body {
    font-size:0.85em;
    margin: 0;
    padding: 0;
}

*
{
    padding: 0;
    margin: 0;
}

textarea 
{
    font-size: 100%;
}

img 
{
    border: 0px;
}

#topMenu, #mainBox, #mainMenu, #content, #footerWrap
{
    width: 72em;
    margin-left: auto;
    margin-right: auto;
}

.clear
{
    clear:both;
}

/* header
----------------------------------------------------------*/

/* top menu */

#topMenuContainer 
{
    margin-top:0;
    background-color: rgb(247, 254, 255);
    height: 2em;
}

#topMenu ul 
{
    float: right;
    font-weight: bold;
    margin-top: 0.4em;
    list-style-type: none;
}

#topMenuContainer li
{
    float:left;
    margin: 0 0.4em;
}

#topMenu a
{
    color:rgb(4, 33, 170);
    text-decoration:none;
}

#topMenu a:hover
{
    text-decoration:underline;
}

#logout
{
    display:block;
    background-color:rgb(225, 247, 254);
    text-align:center;
    border-radius:0.3em;
    padding: 0.3em;
    margin-top: -0.3em;
}

#logout:hover
{
    text-decoration:none !important;
    background-color:rgb(188, 234, 254);
}


/* main box */

#mainBox
{
    height: 6em;
}

#logo, #search
{
    float:left;
    margin-top:1.5em;
}

#logo
{
    margin-left:11em;
    margin-right:2em;
}

#logo img 
{
    margin-top: -0.8em;
}

#search
{
    margin-right:auto;
}

#searchBox
{
    width: 25em;
    height: 2em;
    margin-top: 0.1em;
    border-width: 0.2em;
    border-color: rgb(57, 224, 238);
    border-radius: 0.25em;
}

#searchButton
{
    border: 0.1em solid rgb(57, 157, 238);
    background-color:rgb(57, 157, 238);
    width: 5em;
    height: 2.2em;
    color:Beige;
    margin-left: 0.6em;
    border-radius: 0.2em;
}

/* main menu */

#mainMenu 
{
    display:block;
    border-style:none;
    height: 2.2em;
    border-radius: 0.5em;
    background-color:rgb(190, 223, 250);
    list-style-type: none;
}

#mainMenu li
{
    float:left;
    margin: 0 1em;
    padding: 0.4em;
}

#mainMenu a
{
    font-size: 1.1em;
    color: rgb(15, 103, 173);
    text-decoration:none;
}

#mainMenu a:hover
{
    display:block;
    border-radius:0.3em;
}

#mainMenu li:hover
{
    background-color:rgb(198, 253, 222);
    border-radius: 0.4em;
}

#ask
{
    float:right !important;
}

/* content
----------------------------------------------------------*/
#content
{
    min-height:50em;
}


/* footer
----------------------------------------------------------*/

footer 
{
    background-color: rgb(10, 9, 62);
    height:5.5em;
}

#bottomMenu
{
    float:left;
    margin: 0.7em 0.7em;
}

#bottomMenu li
{
    float:left;
    margin:0 0.5em;
}

#bottomMenu a
{
    text-decoration:none;
    color:Beige;
}

#copyright
{
    margin: 1em 1.2em;
}

#copyright p
{
    color:White;
}

/* common
----------------------------------------------------------------*/

article
{
    width: 54em;
    float: left;
    padding: 0.3em;
}

aside
{
    width: 16em;
    padding: 0.3em;
    float: right;
}

.tagContainer
{
    margin: 0.7em 0;
}

.tag
{
    float:left;
    display:block;
    margin: 0 0.3em;
    background-color:rgb(254, 235, 204);
    padding: 0.3em;
    border-radius:0.3em;
    font-size: 0.85em;
    text-decoration: none;
    color: Black;
}

.tagCard
{
    margin: 0.5em 0;
    padding: 0.3em 0;
}

.showAllTags 
{
    float: right;
    text-decoration: none;
    font-size: 0.85em;
    color: DarkBlue;
}

#submitBtn, .submitBtn 
{
    padding: 0.5em;
    font-size: 1em;
    background-color: rgb(194, 194, 194);
    border-radius: 0.5em;
    margin-top: 0.5em;
}

.validation-summary-errors 
{
    font-weight: bold;
    color: #ff0000;
    list-style-position: inside;
    margin: 1em 0.4em;
}

.clr 
{
    clear: both;
}

/* name tag */

.nameTag 
{
    padding: 0.4em;
    width: 7em;
}

.profile 
{
    margin-left: 0.2em;
}

.nickname 
{
    margin-bottom: 0.2em;
}

.nickname a 
{
    text-decoration: none;
}

.nickname a:hover 
{
    text-decoration: underline;
}

.reputation 
{
    font-weight: bold;
}

/* vote */

.voteUpImg, .voteDownImg 
{
    cursor: pointer;
}

/* pager */

#pager 
{
    padding: 2em 0;
}

#pager a, #pager .selectedPage 
{
    margin: 0.3em 0.2em;
    font-size: 1.6em;
    border: 1px solid rgb(200, 200, 200);
    padding: 0.3em;
    text-decoration: none;
}

#pager .selectedPage 
{
    background-color: rgb(200, 254, 254);
}


/* Home/Index */
.question
{
    display: block;
    border-bottom: 1px dotted;
    padding: 0.3em;
    clear: both;
}

.vote, .view, .answer
{
    float: left;
    width: 2.2em;
    height: 2.2em;
    text-align: center;
    margin: 0.15em;
    font-size: 2em;
    padding-top: 0.3em;
}

.vote
{
    color: rgb(5, 41, 118);
}

.answer
{
    color: rgb(120, 3, 50);
}

.view
{
    color: rgb(215, 216, 209);
}

.indexText 
{
    font-size: 0.6em;
    text-align: center;
    color:Black;
}

.writingInfo
{
    float: left;
    width: 37em;
    padding: 0.3em;
}

.title 
{
    font-size: 1.3em;
    color: rgb(5, 54, 154);
    text-decoration: none;
    margin-left: 0.25em;
}

.title:hover
{
    text-decoration: underline;
}

.writerWrap
{
    clear:left;
    float:right;
    margin: 0.3em 0;
}

#about 
{
    display:block;
    background-color: rgb(254, 243, 218);
    padding:1em;
    padding-bottom: 2em;
}

#about div
{
    float: right;
}

#ad 
{
    margin: 0.5em 0;
}

/* Questions.Read */
h1 
{
    font-size: 2em;
    font-weight: normal;
}

#questionTitle 
{
    margin: 0.6em 0;
    padding: 0.6em 0;
    border-bottom: 1px dotted rgb(234, 234, 234);
}

.writing 
{
    padding: 1em 0;
    clear: both;
}

.writingSidebar 
{
    width: 4em;
    float: left;
}

.voteContainer 
{
    width: 3em;
}

.voteContainer img 
{
    margin-left: 0.3em;
}

.voteCount 
{
    font-size: 2em;
    text-align: center;
}

.mainWriting 
{
    width: 49.5em;
    float: right;
}

.Content 
{
    line-height: 1.8;
}

.commands 
{
    clear:both;
    margin-bottom: 1em;
    padding-top: 1em;
}

.commands a 
{
    margin: 0 0.4em;
    font-size: 0.8em;
    color: rgb(200, 200, 200);
    text-decoration: none;
}

.editors 
{
    float: right;
}

.qnameTag 
{
    float: left;
    margin-left: 0.5em;
}

.commentsWrap 
{
    margin: 1em 0;
}

#answerCount 
{
    font-size: 1.8em;
    border-bottom: 2px solid rgb(0,0,0);
    margin: 0.8em 0;
}

#answerCount span 
{
    margin-left: 1em;
}

#answerContainer .writing 
{
    border-bottom: 1px solid rgb(234, 234, 234);
}

#answerText 
{
    width: 53.5em;
    height: 20em;
}

#readPageFooter 
{
    margin: 1em 0; 
}

#loginToAnswer 
{
    margin-top: 2em;
    padding-top: 0.4em;
    font-size: 1.4em;
    border-top: 1px dotted rgb(200, 200, 244);
}

/* /Questions/Write */
/* title
----------------------------------------------------------*/

#titleWrap, #tagsWrap 
{
    margin: 1em 0;
}

#title-label, label 
{
    font-size: 1.4em;
}

#Title, #tags 
{
    float: right;
    width: 48em;
    height: 1.5em;
}


/* editor
----------------------------------------------------------*/
#editorWrap 
{
    margin: 1em 0;
}

#Content 
{
    width: 53.5em;
    height: 24em;
}


/* Login */
p 
{
    padding-bottom: 0.5em;
}

#serviceList 
{
    padding: 0.5em 0;
}

#serviceList img 
{
    cursor: pointer;
    padding: 0 0.3em;
}

/* create account */
#nicknameWrap 
{
    padding: 0.5em;
}

#nickname 
{
    height: 1.6em;
    width: 15em;
}

#checkUniqueBtn 
{
    background-color: rgb(57, 157, 238);
    border-radius: 0.3em;
    border-color: rgb(57, 157, 238);
    color: #fff;
    padding: 0.4em;
}

#checkMsg 
{
    padding: 0.5em;
}

.unique 
{
    color: rgb(98, 219, 17);
}

.redundant 
{
    color: rgb(249, 138, 155);
}

.validation-summary-errors 
{
    margin: 1em;
    list-style-type: circle !important;
}